<template>
	<view class="body">
		<block v-for="(item, index) in list" :key="index">
			<home-list-item :item="item"></home-list-item>
		</block>
		<button type="default" class="user-set-btn" @tap="User.logout()">退出登录</button>
	</view>
</template>

<script>
	import homeListItem from '../../components/home/home-list-item.vue'
	export default {
		components: {
			homeListItem
		},
		data() {
			return {
				list: [
					{ icon: '', name: '账号与安全', clicktype: 'navigateTo', url: '../../pages/user-safe/user-safe' },
					{ icon: '', name: '资料编辑', clicktype: 'navigateTo', url: '../../pages/user-set-userinfo/user-set-userinfo' },
					{ icon: '', name: '小纸条', clicktype: '', url: '' },
					{ icon: '', name: '清除缓存', clicktype: 'clear', url: '' },
					{ icon: '', name: '意见反馈', clicktype: 'navigateTo', url: '../../pages/user-set-help/user-set-help' },
					{ icon: '', name: '关于糗百', clicktype: 'navigateTo', url: '../../pages/user-set-about/user-set-about' },
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	@import  '../../common/form.css';
</style>
